// function Lbt(el){
//       this.el=document.querySelector(el)
//       this.t= null
//       this.num = 1
//       this.page = this.el.querySelectorAll('ul li')
//       this.init()
// }
// Lbt.prototype.init = function(){
//            this.autoPlay()
//            this.pageOut()
//            this.pageOver()
// }
// Lbt.prototype.pageOut = function(){
//     this.page.forEach(item => {
//         item.onmouseout = ()=>{
//             this.autoPlay()
//         }
//     });
// }
// Lbt.prototype.pageOver = function() { 
//     this.page.forEach( (item, i) => {
//         item.onmouseover = () => { 
//             clearInterval(this.t)     
//             this.num = i+1
//             this.el.querySelector('img').src = `./imgs/img${this.num}.jpg`
//             this.tb(this.num)
//         }
//     })
// }
// Lbt.prototype.autoPlay = function(){
//     this.t = setInterval(()=>{
//         this.num++
//     if(this.num>6) this.num=1
//     this.el.querySelector('img').src = `./imgs/img${this.num}.jpg`
//          this.tb(this.num)
//     },1000)
// }

// Lbt.prototype.tb = function(num){
//     this.el.querySelector('ul li.active').className = ''
//     this.el.querySelector(`ul li:nth-of-type(${num})`).className='active'
// }




// function Lbt(el){
//       this.el=document.querySelector(el)
//       this.t= null
//       this.num = 1
//       this.page = this.el.querySelectorAll('ul li')
//       this.init()
// }
// Lbt.prototype.init = function(){
//            this.autoPlay()
//            this.pageOut()
//            this.pageOver()
// }
// Lbt.prototype.pageOut = function(){
//     this.page.forEach(item => {
//         item.onmouseout = ()=>{
//             this.autoPlay()
//         }
//     });
// }
// Lbt.prototype.pageOver = function() { 
//     this.page.forEach( (item, i) => {
//         item.onmouseover = () => { 
//             clearInterval(this.t)     
//             this.num = i+1
//             this.el.querySelector('img').src = `./imgs/img${this.num}.jpg`
//             this.tb(this.num)
//         }
//     })
// }
// Lbt.prototype.autoPlay = function(){
//     this.t = setInterval(()=>{
//         this.num++
//     if(this.num>6) this.num=1
//     this.el.querySelector('img').src = `./imgs/img${this.num}.jpg`
//          this.tb(this.num)
//     },1000)
// }

// Lbt.prototype.tb = function(num){
//     this.el.querySelector('ul li.active').className = ''
//     this.el.querySelector(`ul li:nth-of-type(${num})`).className='active'
// }


   function Lbt(el){
           this.el = document.querySelector(el)
           this.t = null
           this.num = 1
           this.page = this.el.querySelectorAll('ul li')
           this.init()
   }
Lbt.prototype.init = function(){
 this.autoPlay()
 this.pagrOut()
 this.pageOver()
}
Lbt.prototype.autoPlay = function(){
   this.t = setInterval(()=>{
    this.num++
    if(this.num>6) this.num=1
        this.el.querySelector('img').src = `./imgs/img${this.num}.jpg`
        this.tb(this.num)
   },1000)
}
Lbt.prototype.tb = function(num){
       this.el.querySelector('ul li.active').className = ''
       this.el.querySelector(`ul li:nth-of-type(${num})`).className = 'active'
}
Lbt.prototype.pagrOut = function(){
    this.page.forEach(item=>{
          item.onmouseout = ()=>{
            this.autoPlay()
          }
    })
}
Lbt.prototype.pageOver = function(){
    this.page.forEach((item,i)=>{
             item.onmouseover = ()=>{
            clearInterval(this.t)     
              this.num = i+1
               this.el.querySelector('img').src = `./imgs/img${this.num}.jpg`
               this.tb(this.num)
             }
    })
}